<template>
	<view class="shop-desc-wrap">
		<view class="hotel-desc-item" v-for="(item,index) in list" :key="index">
			<view class="hotel-name-text">
				<text>{{ item.name }}</text>
			</view>
			<view class="parse-content">
				<u-parse :content="item.content" />
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		props: ['list'],

	}
</script>

<style lang="scss" scoped>
	.shop-desc-wrap {
		background: #ffffff;
		padding: 24rpx;
		box-sizing: border-box;
		border-radius: 12rpx;

		.hotel-desc-item {
			margin-bottom: 32rpx;

			&:last-child {
				margin-bottom: 0;
			}

			.hotel-name-text {
				text-align: center;
				font-weight: bold;
				margin-bottom: 24rpx;
			}

			.parse-content {
				font-size: 24rpx;
				color: rgba(0, 0, 0, 0.6);
				line-height: 40rpx;
			}
		}


	}
</style>